<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//作业
			//1、实现将鼠标移动到指定的图片位置时，出现大图片预览
			$(function(){
				
				var img=document.getElementById("im1");
				img.onmousemove=function(){
					$("#div1").show();
					$("#div1").css("height","400px")
					$("#div1").css("width","400px")
				}
				img.onmouseout=function(){
					$("#div1").hide();
					
				}

			});

		</script>
		<style type="text/css">
			#im1{
				height: 250px;
				width: 250px;
			}
			#div1{
				display: none;
			}
		</style>
		
	</head>
	<body>
		<img src="img/1.png"  id="im1"/>
		<div id="div1">
			<img src="img/1.png"  id="im12"/>
		</div>
	</body>
</html>
